<template>
	<view>
		<swiper class="indexnav-swiper">
			<swiper-item v-for="(pagge,i) of pagges" :key="i" class="d-flex flex-wrap text-center">
				<view class="swiper-item span-5 mt-3" v-for="(indexnav,k) in pagge" :key="k">
						<image :src="indexnav.src" class="indexnav-img"></image>
						<view class="indexnav-text">
							{{indexnav.text}}
						</view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	defineProps(['pagges'])
</script>

<style scoped>
	
	.indexnav-swiper {
		height:350rpx;
	}
	.indexnav-img {
		width:88rpx;
		height:88rpx;
	}
</style>